---
title: Guidelines
redirect_from:
  - /components/hide/
---

import ResponsiveSimilarContentSnippet from "snippets/responsive-similar-content.mdx";
import ResponsiveDontHideEssentialSnippet from "snippets/responsive-dont-hide-essential.mdx";

<ReactExample exampleId="Hide-default" />

## When to use

- To control what content appears on what screens.

## Component status

<ComponentStatus component="Hide" />

## Behavior

<ResponsiveSimilarContentSnippet />

<ResponsiveDontHideEssentialSnippet />
